{% extends 'images/images_base.html' %}

{% block title %} Image | Social Network {% endblock %}

{% block content %}

    <div class="viewing-image">
        <img src="{{ image.image.url }}"> 
        <div class="description">
            <h2>{{ image.title }}</h2>
            <p>{{ image.description }}</p>
        </div>
    </div>

    <style>
        div.viewing-image {
            display: flex;
        }

        div.viewing-image img {
            border: 1px solid #DDD;
            border-radius: 8px;
            width 25em;
            height: 25em;
            margin-right: 3em;
        }
    </style>

{% endblock content %}
